﻿<phone:PhoneApplicationPage 
    x:Class="SurfaceInteraction.UI.WP7.RemoteDesktopPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <!--<Grid x:Name="LayoutRoot" Background="Transparent">
        <Image x:Name="im" RenderTransformOrigin="0.5,0.5" CacheMode="BitmapCache">
            <Image.RenderTransform>
                <CompositeTransform x:Name="transform"/>
            </Image.RenderTransform>
            <toolkit:GestureService.GestureListener>
                <toolkit:GestureListener Hold="OnHold"/>
            </toolkit:GestureService.GestureListener>
        </Image>
    </Grid>-->


<Canvas Width="480" Height="800">
        <Grid x:Name="LayoutRoot" Background="Transparent" Width="480" Height="800">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="SURFACE INTERACTION" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Connecting.." Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
        <Button  Grid.Row="0" HorizontalAlignment="Right" VerticalAlignment="Top" Canvas.ZIndex="1" Click="Button_Click">
            Settings
        </Button>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="0" Grid.RowSpan="2" >

            <!--<Image x:Name="im" RenderTransformOrigin="0.5, 0.5" CacheMode="BitmapCache">
                <Image.RenderTransform>
                    <CompositeTransform x:Name="transform" />
                </Image.RenderTransform>
                <toolkit:GestureService.GestureListener>
                    <toolkit:GestureListener PinchStarted="OnPinchStarted" PinchDelta="OnPinchDelta" 
                         />
                </toolkit:GestureService.GestureListener>
            </Image>-->
            <Grid x:Name="LayoutRootImage" Background="Transparent">
                <Image x:Name="im" RenderTransformOrigin="0.5,0.5" CacheMode="BitmapCache">
                    <Image.RenderTransform>
                        <CompositeTransform x:Name="transform"/>
                    </Image.RenderTransform>
                    <toolkit:GestureService.GestureListener>
                        <toolkit:GestureListener Hold="OnHold"/>
                    </toolkit:GestureService.GestureListener>
                </Image>
            </Grid>
            <!--<Image x:Name="im" Width="2048" Height="480"  CacheMode="BitmapCache">
                <toolkit:GestureService.GestureListener>
                    <toolkit:GestureListener DragDelta="OnDragDelta" Flick="OnFlick" DoubleTap="OnDoubleTap" />
                </toolkit:GestureService.GestureListener>
                <Image.RenderTransform>
                    <TranslateTransform x:Name="PanTransform"/>
                </Image.RenderTransform>
                <Image.Resources>
                    <Storyboard x:Name="Pan">
                        <DoubleAnimation x:Name="PanAnimation" Storyboard.TargetName="PanTransform" Storyboard.TargetProperty="X" Duration="0:0:1">
                            <DoubleAnimation.EasingFunction>
                                <CircleEase EasingMode="EaseOut" />
                            </DoubleAnimation.EasingFunction>
                        </DoubleAnimation>
                    </Storyboard>
                </Image.Resources>
            </Image>-->
        </Grid>
    </Grid>
</Canvas>
</phone:PhoneApplicationPage>
